<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>

<!DOCTYPE html>

<!--[if IE 8]> <html lang="en" class="ie8 no-js"> <![endif]-->

<!--[if IE 9]> <html lang="en" class="ie9 no-js"> <![endif]-->

<!--[if !IE]><!-->
<html lang="en" class="no-js" ng-app="myApp" ng-controller="myCtrl">
<!--<![endif]-->

<!-- BEGIN HEAD -->

<head>

<meta charset="utf-8" />

<title>Metronic | Admin Dashboard Template</title>

<meta content="width=device-width, initial-scale=1.0" name="viewport" />

<meta content="" name="description" />

<meta content="" name="author" />

<!-- BEGIN GLOBAL MANDATORY STYLES -->

<link href="<%=basePath%>/css/bootstrap.min.css" rel="stylesheet"
	type="text/css" />

<link href="<%=basePath%>/css/bootstrap-responsive.min.css"
	rel="stylesheet" type="text/css" />

<link href="<%=basePath%>/css/font-awesome.min.css" rel="stylesheet"
	type="text/css" />

<link href="<%=basePath%>/css/style-metro.css" rel="stylesheet"
	type="text/css" />

<link href="<%=basePath%>/css/style.css" rel="stylesheet"
	type="text/css" />

<link href="<%=basePath%>/css/style-responsive.css" rel="stylesheet"
	type="text/css" />

<link href="<%=basePath%>/css/default.css" rel="stylesheet"
	type="text/css" id="style_color" />

<link href="<%=basePath%>/css/uniform.default.css" rel="stylesheet"
	type="text/css" />

<!-- END GLOBAL MANDATORY STYLES -->

<!-- BEGIN PAGE LEVEL STYLES -->

<link href="<%=basePath%>/css/jquery.gritter.css" rel="stylesheet"
	type="text/css" />

<link href="<%=basePath%>/css/daterangepicker.css" rel="stylesheet"
	type="text/css" />

<link href="<%=basePath%>/css/fullcalendar.css" rel="stylesheet"
	type="text/css" />

<link href="<%=basePath%>/css/jqvmap.css" rel="stylesheet"
	type="text/css" media="screen" />

<link href="<%=basePath%>/css/jquery.easy-pie-chart.css"
	rel="stylesheet" type="text/css" media="screen" />

<!-- END PAGE LEVEL STYLES -->

<link rel="shortcut icon" href="<%=basePath%>/image/favicon.ico" />

</head>

<!-- END HEAD -->

<!-- BEGIN BODY -->

<body class="page-header-fixed"
	ng-class="{'page-sidebar-closed':isSidebarClose}">

	<!-- BEGIN HEADER -->

	<div class="header navbar navbar-inverse navbar-fixed-top">

		<!-- BEGIN TOP NAVIGATION BAR -->

		<div class="navbar-inner">

			<div class="container-fluid">

				<!-- BEGIN LOGO -->

				<a class="brand" href="index.html"> <img
					src="<%=basePath%>/image/logo.png" alt="logo" />

				</a>

				<!-- END LOGO -->

				<!-- BEGIN RESPONSIVE MENU TOGGLER -->

				<a href="javascript:;" class="btn-navbar collapsed"
					data-toggle="collapse" data-target=".nav-collapse"> <img
					src="<%=basePath%>/image/menu-toggler.png" alt="" />

				</a>

				<!-- END RESPONSIVE MENU TOGGLER -->

				<!-- BEGIN TOP NAVIGATION MENU -->

				<ul class="nav pull-right" style="list-style: none;">

					<!-- BEGIN USER LOGIN DROPDOWN -->

					<li class="dropdown user" ng-class="{'open': isOpen}"
						ng-click="clickMySelf()"><a href="#" class="dropdown-toggle"
						data-toggle="dropdown"> <img alt=""
							src="<%=basePath%>/image/avatar1_small.jpg" /> <span
							class="username">Bob Nilson{{4+4}}</span> <i
							class="icon-angle-down"></i>

					</a>

						<ul class="dropdown-menu">

							<li><a href="extra_profile.html"><i class="icon-user"></i>
									My Profile</a></li>

							<li><a href="page_calendar.html"><i
									class="icon-calendar"></i> My Calendar</a></li>

							<li><a href="inbox.html"><i class="icon-envelope"></i>
									My Inbox(3)</a></li>

							<li><a href="#"><i class="icon-tasks"></i> My Tasks</a></li>

							<li class="divider"></li>

							<li><a href="extra_lock.html"><i class="icon-lock"></i>
									Lock Screen</a></li>

							<li><a href="login.html"><i class="icon-key"></i> Log
									Out</a></li>

						</ul></li>

					<!-- END USER LOGIN DROPDOWN -->

				</ul>

				<!-- END TOP NAVIGATION MENU -->

			</div>

		</div>

		<!-- END TOP NAVIGATION BAR -->

	</div>

	<!-- END HEADER -->
	<div class="copyrights">
		Collect from <a href="http://www.cssmoban.com/">网页模板</a>
	</div>

	<!-- BEGIN CONTAINER -->

	<div class="page-container">

		<!-- BEGIN SIDEBAR -->

		<div class="page-sidebar nav-collapse collapse">

			<!-- BEGIN SIDEBAR MENU -->

			<ul class="page-sidebar-menu">

				<li>
					<!-- BEGIN SIDEBAR TOGGLER BUTTON -->

					<div class="sidebar-toggler hidden-phone"
						ng-click="clickSidebarClose()"></div> <!-- BEGIN SIDEBAR TOGGLER BUTTON -->

				</li>

				<li>
					<!-- BEGIN RESPONSIVE QUICK SEARCH FORM -->

					<form class="sidebar-search">

						<div class="input-box">

							<a href="javascript:;" class="remove"></a> <input type="text"
								placeholder="Search..." /> <input type="button" class="submit"
								value=" " />

						</div>

					</form> <!-- END RESPONSIVE QUICK SEARCH FORM -->

				</li>

				<li class="start active "><a href="index.html"> <i
						class="icon-home"></i> <span class="title">Dashboard</span> <span
						class="selected"></span>

				</a></li>

				<li class=""><a href="javascript:;"> <i class="icon-cogs"></i>

						<span class="title">Layouts</span> <span class="arrow "></span>

				</a>

					<ul class="sub-menu">

						<li><a href="layout_horizontal_sidebar_menu.html">

								Horzontal & Sidebar Menu</a></li>

						<li><a href="layout_horizontal_menu1.html"> Horzontal
								Menu 1</a></li>

						<li><a href="layout_horizontal_menu2.html"> Horzontal
								Menu 2</a></li>

						<li><a href="layout_promo.html"> Promo Page</a></li>

						<li><a href="layout_email.html"> Email Templates</a></li>

						<li><a href="layout_ajax.html"> Content Loading via Ajax</a>

						</li>

						<li><a href="layout_sidebar_closed.html"> Sidebar Closed
								Page</a></li>

						<li><a href="layout_blank_page.html"> Blank Page</a></li>

						<li><a href="layout_boxed_page.html"> Boxed Page</a></li>

						<li><a href="layout_boxed_not_responsive.html">

								Non-Responsive Boxed Layout</a></li>

					</ul></li>

				<li class=""><a href="javascript:;"> <i
						class="icon-bookmark-empty"></i> <span class="title">UI
							Features</span> <span class="arrow "></span>

				</a>

					<ul class="sub-menu">

						<li><a href="ui_general.html"> General</a></li>

						<li><a href="ui_buttons.html"> Buttons</a></li>

						<li><a href="ui_modals.html"> Enhanced Modals</a></li>

						<li><a href="ui_tabs_accordions.html"> Tabs & Accordions</a>

						</li>

						<li><a href="ui_jqueryui.html"> jQuery UI Components</a></li>

						<li><a href="ui_sliders.html"> Sliders</a></li>

						<li><a href="ui_tiles.html"> Tiles</a></li>

						<li><a href="ui_typography.html"> Typography</a></li>

						<li><a href="ui_tree.html"> Tree View</a></li>

						<li><a href="ui_nestable.html"> Nestable List</a></li>

					</ul></li>

				<li class=""><a href="javascript:;"> <i class="icon-table"></i>

						<span class="title">Form Stuff</span> <span class="arrow "></span>

				</a>

					<ul class="sub-menu">

						<li><a href="form_layout.html"> Form Layouts</a></li>

						<li><a href="form_samples.html"> Advance Form Samples</a></li>

						<li><a href="form_component.html"> Form Components</a></li>

						<li><a href="form_wizard.html"> Form Wizard</a></li>

						<li><a href="form_validation.html"> Form Validation</a></li>

						<li><a href="form_fileupload.html"> Multiple File Upload</a>

						</li>

						<li><a href="form_dropzone.html"> Dropzone File Upload</a></li>

					</ul></li>

				<li class=""><a href="javascript:;"> <i
						class="icon-briefcase"></i> <span class="title">Pages</span> <span
						class="arrow "></span>

				</a>

					<ul class="sub-menu">

						<li><a href="page_timeline.html"> <i class="icon-time"></i>

								Timeline
						</a></li>

						<li><a href="page_coming_soon.html"> <i class="icon-cogs"></i>
								Coming Soon
						</a></li>

						<li><a href="page_blog.html"> <i class="icon-comments"></i>

								Blog
						</a></li>

						<li><a href="page_blog_item.html"> <i class="icon-font"></i>

								Blog Post
						</a></li>

						<li><a href="page_news.html"> <i class="icon-coffee"></i>

								News
						</a></li>

						<li><a href="page_news_item.html"> <i class="icon-bell"></i>

								News View
						</a></li>

						<li><a href="page_about.html"> <i class="icon-group"></i>

								About Us
						</a></li>

						<li><a href="page_contact.html"> <i
								class="icon-envelope-alt"></i> Contact Us
						</a></li>

						<li><a href="page_calendar.html"> <i
								class="icon-calendar"></i> Calendar
						</a></li>

					</ul></li>

				<li class=""><a href="javascript:;"> <i class="icon-gift"></i>

						<span class="title">Extra</span> <span class="arrow "></span>

				</a>

					<ul class="sub-menu">

						<li><a href="extra_profile.html"> User Profile</a></li>

						<li><a href="extra_lock.html"> Lock Screen</a></li>

						<li><a href="extra_faq.html"> FAQ</a></li>

						<li><a href="inbox.html"> Inbox</a></li>

						<li><a href="extra_search.html"> Search Results</a></li>

						<li><a href="extra_invoice.html"> Invoice</a></li>

						<li><a href="extra_pricing_table.html"> Pricing Tables</a></li>

						<li><a href="extra_image_manager.html"> Image Manager</a></li>

						<li><a href="extra_404_option1.html"> 404 Page Option 1</a></li>

						<li><a href="extra_404_option2.html"> 404 Page Option 2</a></li>

						<li><a href="extra_404_option3.html"> 404 Page Option 3</a></li>

						<li><a href="extra_500_option1.html"> 500 Page Option 1</a></li>

						<li><a href="extra_500_option2.html"> 500 Page Option 2</a></li>

					</ul></li>

				<li><a class="active" href="javascript:;"> <i
						class="icon-sitemap"></i> <span class="title">3 Level Menu</span>

						<span class="arrow "></span>

				</a>

					<ul class="sub-menu">

						<li><a href="javascript:;"> Item 1 <span class="arrow"></span>

						</a>

							<ul class="sub-menu">

								<li><a href="#">Sample Link 1</a></li>

								<li><a href="#">Sample Link 2</a></li>

								<li><a href="#">Sample Link 3</a></li>

							</ul></li>

						<li><a href="javascript:;"> Item 1 <span class="arrow"></span>

						</a>

							<ul class="sub-menu">

								<li><a href="#">Sample Link 1</a></li>

								<li><a href="#">Sample Link 1</a></li>

								<li><a href="#">Sample Link 1</a></li>

							</ul></li>

						<li><a href="#"> Item 3 </a></li>

					</ul></li>

				<li><a href="javascript:;"> <i class="icon-folder-open"></i>

						<span class="title">4 Level Menu</span> <span class="arrow "></span>

				</a>

					<ul class="sub-menu">

						<li><a href="javascript:;"> <i class="icon-cogs"></i>

								Item 1 <span class="arrow"></span>

						</a>

							<ul class="sub-menu">

								<li><a href="javascript:;"> <i class="icon-user"></i>

										Sample Link 1 <span class="arrow"></span>

								</a>

									<ul class="sub-menu">

										<li><a href="#"><i class="icon-remove"></i> Sample
												Link 1</a></li>

										<li><a href="#"><i class="icon-pencil"></i> Sample
												Link 1</a></li>

										<li><a href="#"><i class="icon-edit"></i> Sample Link
												1</a></li>

									</ul></li>

								<li><a href="#"><i class="icon-user"></i> Sample Link 1</a></li>

								<li><a href="#"><i class="icon-external-link"></i>
										Sample Link 2</a></li>

								<li><a href="#"><i class="icon-bell"></i> Sample Link 3</a></li>

							</ul></li>

						<li><a href="javascript:;"> <i class="icon-globe"></i>

								Item 2 <span class="arrow"></span>

						</a>

							<ul class="sub-menu">

								<li><a href="#"><i class="icon-user"></i> Sample Link 1</a></li>

								<li><a href="#"><i class="icon-external-link"></i>
										Sample Link 1</a></li>

								<li><a href="#"><i class="icon-bell"></i> Sample Link 1</a></li>

							</ul></li>

						<li><a href="#"> <i class="icon-folder-open"></i> Item 3

						</a></li>

					</ul></li>

				<li class=""><a href="javascript:;"> <i class="icon-user"></i>

						<span class="title">Login Options</span> <span class="arrow "></span>

				</a>

					<ul class="sub-menu">

						<li><a href="login.html"> Login Form 1</a></li>

						<li><a href="login_soft.html"> Login Form 2</a></li>

					</ul></li>

				<li class=""><a href="javascript:;"> <i class="icon-th"></i>

						<span class="title">Data Tables</span> <span class="arrow "></span>

				</a>

					<ul class="sub-menu">

						<li><a href="table_basic.html"> Basic Tables</a></li>

						<li><a href="table_responsive.html"> Responsive Tables</a></li>

						<li><a href="table_managed.html"> Managed Tables</a></li>

						<li><a href="table_editable.html"> Editable Tables</a></li>

						<li><a href="table_advanced.html"> Advanced Tables</a></li>

					</ul></li>

				<li class=""><a href="javascript:;"> <i
						class="icon-file-text"></i> <span class="title">Portlets</span> <span
						class="arrow "></span>

				</a>

					<ul class="sub-menu">

						<li><a href="portlet_general.html"> General Portlets</a></li>

						<li><a href="portlet_draggable.html"> Draggable Portlets</a>

						</li>

					</ul></li>

				<li class=""><a href="javascript:;"> <i
						class="icon-map-marker"></i> <span class="title">Maps</span> <span
						class="arrow "></span>

				</a>

					<ul class="sub-menu">

						<li><a href="maps_google.html"> Google Maps</a></li>

						<li><a href="maps_vector.html"> Vector Maps</a></li>

					</ul></li>

				<li class="last "><a href="charts.html"> <i
						class="icon-bar-chart"></i> <span class="title">Visual
							Charts</span>

				</a></li>

			</ul>

			<!-- END SIDEBAR MENU -->

		</div>

		<!-- END SIDEBAR -->

		<!-- BEGIN PAGE -->

		<div class="page-content">

			<!-- BEGIN SAMPLE PORTLET CONFIGURATION MODAL FORM-->

			<div id="portlet-config" class="modal hide">

				<div class="modal-header">

					<button data-dismiss="modal" class="close" type="button"></button>

					<h3>Widget Settings</h3>

				</div>

				<div class="modal-body">Widget settings form goes here</div>

			</div>

			<!-- END SAMPLE PORTLET CONFIGURATION MODAL FORM-->

			<!-- BEGIN PAGE CONTAINER-->

			<div class="container-fluid">

			</div>

			<!-- END PAGE CONTAINER-->

		</div>

		<!-- END PAGE -->

	</div>

	<!-- END CONTAINER -->

	<!-- BEGIN FOOTER -->

	<div class="footer">

		<div class="footer-inner">

			2013 &copy; Metronic by keenthemes.Collect from <a
				href="http://www.cssmoban.com/" title="网站模板" target="_blank">网站模板</a>
			- More Templates <a href="http://www.cssmoban.com/" target="_blank"
				title="模板之家">模板之家</a>

		</div>

		<div class="footer-tools">

			<span class="go-top"> <i class="icon-angle-up"></i>

			</span>

		</div>

	</div>

	<!-- END FOOTER -->

	<!-- BEGIN JAVASCRIPTS(Load javascripts at bottom, this will reduce page load time) -->

	<!-- BEGIN CORE PLUGINS -->

	<script src="<%=basePath%>/js/jquery-3.0.0.min.js"
		type="text/javascript"></script>

	<script src="<%=basePath%>/js/jquery-migrate-1.2.1.min.js"
		type="text/javascript"></script>

	<!-- IMPORTANT! Load jquery-ui-1.10.1.custom.min.js before bootstrap.min.js to fix bootstrap tooltip conflict with jquery ui tooltip -->

	<script src="<%=basePath%>/js/jquery-ui-1.10.1.custom.min.js"
		type="text/javascript"></script>

	<script src="<%=basePath%>/js/bootstrap.min.js" type="text/javascript"></script>

	<!--[if lt IE 9]>

	<script src="/js/excanvas.min.js"></script>

	<script src="/js/respond.min.js"></script>  

	<![endif]-->

	<script src="<%=basePath%>/js/jquery.slimscroll.min.js"
		type="text/javascript"></script>

	<script src="<%=basePath%>/js/jquery.blockui.min.js"
		type="text/javascript"></script>

	<script src="<%=basePath%>/js/jquery.cookie.min.js"
		type="text/javascript"></script>

	<script src="<%=basePath%>/js/jquery.uniform.min.js"
		type="text/javascript"></script>

	<!-- END CORE PLUGINS -->

	<!-- BEGIN PAGE LEVEL PLUGINS -->

	<script src="<%=basePath%>/js/jquery.vmap.js" type="text/javascript"></script>

	<script src="<%=basePath%>/js/jquery.vmap.russia.js"
		type="text/javascript"></script>

	<script src="<%=basePath%>/js/jquery.vmap.world.js"
		type="text/javascript"></script>

	<script src="<%=basePath%>/js/jquery.vmap.europe.js"
		type="text/javascript"></script>

	<script src="<%=basePath%>/js/jquery.vmap.germany.js"
		type="text/javascript"></script>

	<script src="<%=basePath%>/js/jquery.vmap.usa.js"
		type="text/javascript"></script>

	<script src="<%=basePath%>/js/jquery.vmap.sampledata.js"
		type="text/javascript"></script>

	<script src="<%=basePath%>/js/jquery.flot.js" type="text/javascript"></script>

	<script src="<%=basePath%>/js/jquery.flot.resize.js"
		type="text/javascript"></script>

	<script src="<%=basePath%>/js/jquery.pulsate.min.js"
		type="text/javascript"></script>

	<script src="<%=basePath%>/js/date.js" type="text/javascript"></script>

	<script src="<%=basePath%>/js/daterangepicker.js"
		type="text/javascript"></script>

	<script src="<%=basePath%>/js/jquery.gritter.js" type="text/javascript"></script>

	<script src="<%=basePath%>/js/fullcalendar.min.js"
		type="text/javascript"></script>

	<script src="<%=basePath%>/js/jquery.easy-pie-chart.js"
		type="text/javascript"></script>

	<script src="<%=basePath%>/js/jquery.sparkline.min.js"
		type="text/javascript"></script>

	<!-- END PAGE LEVEL PLUGINS -->

	<!-- BEGIN PAGE LEVEL SCRIPTS -->

	<script src="<%=basePath%>/js/app.js" type="text/javascript"></script>

	<script src="<%=basePath%>/js/index.js" type="text/javascript"></script>
	<script src="<%=basePath%>/js/mainSelf.js" type="text/javascript"></script>
	<script src="<%=basePath%>/js/angular.min.js"></script>
	<script src="<%=basePath%>/js/toaster.min.js">
		
	</script>
	<script src="<%=basePath%>/js/angular-animate.min.js">
		
	</script>
	<link href="<%=basePath%>/css/toaster.min.css" rel="stylesheet" />
</head>




<!-- END BODY -->

</html>